<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="/static/dream/lib/layui/css/layui.css">
    <link rel="stylesheet" href="/static/dream/css/common.css">
    <link rel="stylesheet" href="/static/dream/css/max-width768.css" media="screen and (max-width: 768px)">
    <link rel="stylesheet" href="/static/dream/css/max-width992.css" media="screen and (max-width: 992px) and (min-width: 769px)">
    <link rel="stylesheet" href="/static/dream/css/max-width1200.css" media="screen and (max-width: 1200px) and (min-width: 993px)">
    {block name="css"}{/block}
    <script src="https://use.fontawesome.com/99addf19a5.js"></script>
    <script>
        var $slider = [{"name":"\u9996\u9875","icon":"fa fa-dashboard","href":"\/html\/index.html","isActive":true,"list":[]},{"name":"\u4e00\u7ea7\u680f\u76ee","icon":"fa fa-dashboard","href":"","isActive":false,"list":[{"name":"\u4e8c\u7ea7\u680f\u76ee","icon":"fa fa-dashboard","href":"\/admin\/index\/erji","isActive":false,"list":[]},{"name":"\u4e8c\u7ea7\u680f\u76ee","icon":"fa fa-dashboard","href":"","isActive":false,"list":[{"name":"\u4e09\u7ea7\u680f\u76ee","icon":"fa fa-dashboard","href":"\/html\/test.html","isActive":false,"list":[]}]}]}];
        var $fill = {
            'user':{
                'name':'cxcsz',
                'role':'博客管理员',
                'last_time':'2018.11.13',
                'last_ip':'127.0.0.1'
            },
        };
        // 废除使用cookie
        //var $msg = { :$pageMsg};
        // var $msg = {
        //     'type':'reply',
        //     'title':'测试标题',
        //     'content':'测试内容测试内容测试内容测试内容测试内容测试内容',
        //     'icon':1,
        //     'time':6000
        // };

        // tp将参数的传递变形化了，在前端不好获取这些值，后端直接传过来get请求参数的json
        var $getPm = {:$getPm};
        {block name="global"}{/block}
    </script>
</head>
<body>
<div class="dream-head">
    <div class="dream-head-logo pull-left">
        个人博客后台
    </div>
    <div class="dream-head-menu">
        <ul class="affair">
            <li class="user-info dream-open">
                <div class="show">
                    <img src="http://adminlte.la998.com/dist/img/user2-160x160.jpg">
                    <span class="data-user-name"></span>
                </div>
                <div class="info-list">
                    <div class="info-head">
                        <div class="portrait">
                            <img src="http://adminlte.la998.com/dist/img/user2-160x160.jpg">
                        </div>
                        <div class="name data-user-name">

                        </div>
                        <div class="info data-user-role">
                            职位：
                        </div>
                        <div class="info  data-user-last-time">
                            最后登录时间：
                        </div>
                        <div class="info data-user-last-ip">
                            最后登录ip：
                        </div>
                    </div>
                    <div class="info-body">
                        <div class="operation">
                            <button onclick="alert('你好')" class="layui-btn layui-btn-primary layui-btn-sm pull-left">清理缓存</button>
                            <a href="login.html" class="layui-btn layui-btn-primary layui-btn-sm pull-right">退出登录</a>
                            <div class="layui-clear"></div>
                        </div>
                    </div>
                </div>
            </li>
        </ul>
    </div>
</div>
<div class="dream-body">
    <div class="dream-slider">
        <div class="user-info">
            <div class="img">
                <img src="http://adminlte.la998.com/dist/img/user2-160x160.jpg">
            </div>
            <div class="info">
                <div class="info-name data-user-name"></div>
                <div class="info-state">
                    <span class="layui-badge-dot layui-bg-green"></span>
                    在线
                </div>
            </div>
            <div class="layui-clear"></div>
        </div>
        <div class="dream-menu">
            <ul>
                <!-- 这是演示数据，当执行dream.js时会被更新掉，放在这是为了便于了解格式-->
                <li>
                    <a href="index.html">
                        <i class="fa fa-dashboard"></i>
                        首页
                    </a>
                </li>
                <li class="dream-show">
                    <a href="index.html">
                        <i class="fa fa-dashboard"></i>
                        一级栏目
                    </a>
                </li>
                <li class="dream-show dream-active">
                    <a href="index.html">
                        <i class="fa fa-dashboard"></i>
                        一栏目 展开
                        <span class="pull-right">
                              <i class="fa fa-angle-left pull-right"></i>
                            </span>
                    </a>
                    <ul>
                        <li class="dream-show">
                            <a href="index.html">
                                <i class="fa fa-dashboard"></i>
                                二级栏目
                                <span class="pull-right">
                                      <i class="fa fa-angle-left pull-right"></i>
                                    </span>
                            </a>
                            <ul>
                                <li class="dream-show">
                                    <a href="index.html">
                                        <i class="fa fa-dashboard"></i>
                                        三级栏目
                                    </a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
    <div class="dream-main">
        <div class="dream-crumbs data-dream-crumbs layui-breadcrumb" lay-separator="|">
            <a href="#">首页</a>
            <span>></span>
            <a href="#">菜单</a>
            <span>></span>
            <a href="#">栏目</a>
            <span>></span>
            <a href="#">文字</a>
            <span>></span>
            <a href="#">导航</a>
        </div>
        <div class="layui-fluid dream-content">
            <div class="layui-row">
                {block name="content"}{/block}
            </div>
        </div>
        <div class="dream-footer">
            © CXCSZ - 底部固定区域
        </div>
    </div>
</div>

</div>
<script src="/static/dream/lib/layui/layui.js"></script>
<script>
    // {/}的意思即代表采用自有路径，即不跟随 base 路径
    layui.extend({dream: '{/}/static/dream/js/dream'}).use(['dream'],function(){
        var dream = layui.dream;
    });
</script>
{block name="js"}{/block}
</body>
</html>
